<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
    <title>kavadenn: {{community.name}}, Bretagne</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Découvrir la Bretagne avec kavadenn: {{community.name}}, tourisme, voyage">
    <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
    <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />
    <meta property="fb:app_id" content="120766637945383"/>
    <meta property="fb:admins" content="100001114232115"/>

    <meta property="og:title" content="{{community.name}}"/>
    <meta property="og:type" content="landmark"/>
    <meta property="og:url" content="http://localhost:8000/places/plouarzel/"/>
    <meta property="og:image" content="http://farm5.static.flickr.com/4132/4971588924_53125f122e_s.jpg"/>
    <meta property="og:latitude" content="48.4338958"/>
    <meta property="og:longitude" content="-4.7309939"/>
    <meta property="og:region" content="Bretagne"/>
    <meta property="og:country-name" content="France"/>

    <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />
    
    <style type="text/css">
      /* the overlayed element */
    .simple_overlay {
      
      /* must be initially hidden */
      display:none;
      
      /* place overlay on top of other elements */
      z-index:9000;
      
      /* styling */
      background-color:#FFFFFF;
      
      width:675px;  
      min-height:150px;
      border:1px solid #666;
      
      /* CSS3 styling for latest browsers */
      -moz-box-shadow:0 0 90px 5px #000;
      -webkit-box-shadow: 0 0 90px #000;  
    }
    
    /* close button positioned on upper right corner */
    .simple_overlay .close {
      background-image:url(/static/img/wires/close.png);
      position:absolute;
      right:-15px;
      top:-15px;
      cursor:pointer;
      height:35px;
      width:35px; 
    }
    
    .tip-panel{
      background:#ffffff url('/static/img/wires/practical.png') no-repeat left top; 
      padding-left:20px; 
      border-bottom:solid 1px #EEEEEE; 
      margin-top:10px;
    }
    
    .link-panel{
      background:#ffffff url('/static/img/wires/link.png') no-repeat left top; 
      padding-left:20px;
      border-bottom:solid 1px #EEEEEE; 
      margin-top:10px;
    }
    
    .event-panel{
      background:#ffffff url('/static/img/wires/calendar.png') no-repeat left top; 
      padding-left:20px; 
      border-bottom:solid 1px #EEEEEE; 
      margin-top:10px;
    }
    
    .photo-notification-panel{
      background: url("/static/img/wires/photo.png") no-repeat scroll left top rgb(255, 255, 255); 
      padding-left: 20px; 
      border-bottom: 1px solid rgb(238, 238, 238); 
      margin-top: 10px;
    }
    
    /* datepicker css */
    
    /* located in demo.css and creates a little calendar icon
     * instead of a text link for "Choose date"
    */
    a.dp-choose-date {
      float: left;
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 5px 3px 0;
      display: block;
      text-indent: -2000px;
      overflow: hidden;
      background: url(/static/img/wires/date-picker.png) no-repeat; 
    }
    a.dp-choose-date.dp-disabled {
      background-position: 0 -20px;
      cursor: default;
    }
    /* makes the input field shorter once the date picker code
     * has run (to allow space for the calendar icon
     */
    input.dp-applied {
      width: 140px;
      float: left;
    }
    
    /* datepicker CSS end*/
    
    </style>

</head>
<body>
<!-- 
    <div id="header">
        
    </div>
-->

   
    
    <div style="font-size:smaller; background-color:#3598F9;padding:10px;width:800px;margin:10px auto auto auto;">
      <a href="/{{community.urlName}}/" style="color:#FFFFFF;font-size:larger;font-weight:bold;">kavadenn</a>
      <form style="display:inline;" action="/search/" method="POST" id="searchForm">
        <input id="searchBox" name="q" type="text" style="float:right;" placeholder="recherche" />
      </form>
    </div>
    <div id="content">
        
        <div style="border-bottom:solid 1px #3598F9;">
          <div id="placePageSectionHeader" style="float:left;">
              <h2>{{community.name}}</h2>
          </div>
          
          
          <div style="clear:both;"></div>
        </div>
        
        <div id="placeContent">
            {% for item in content %}
              {{item|safe}}
            {%endfor%}
            
            <div style="clear:both;"></div>    
            
        </div>

        
        <div id="fb-root"></div>
    </div>
    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
        /* <![CDATA[ */
        $(document).ready(function() {
                
    
               
            
        });
        /* ]]> */
    </script>

    
</body>
</html>
